﻿<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<header class="main-header header-1" th:fragment = "commonHeader">
<!--<div class="top-area">
    <div class="auto-container">
        <div class="row">
            <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                <div class="header-social">
                    <ul>
                        <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
                        <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
                        <li><a href="#"><i class="icofont icofont-social-youtube-play"></i></a></li>
                        <li><a href="#"><i class="icofont icofont-social-google-plus"></i></a></li>
                        <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
                    </ul>
                </div>
            </div>
            &lt;!&ndash; end col &ndash;&gt;
            <div class="col-lg-8 col-md-12 col-sm-12 col-12">
                <div class="info-menu">
                    <ul>
                        <li><a href="http://www.cloud.dda-iot.com" target="_blank">登陆 </a></li>
                        <li><a href="#">注册 </a></li>
                        <li><a href="#">文档 </a></li>
                        <li><a href="#">联系 </a></li>
                    </ul>
                </div>
            </div>
            &lt;!&ndash; end col &ndash;&gt;
        </div>
    </div>
</div>-->
<!-- END TOP AREA -->

<!-- START LOGO AREA -->
<!--<div class="logo-area">
    <div class="auto-container">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-6 col-7 mx-md-auto mx-sm-auto mx-auto pl-0">
                <div class="logo">
                    <a href="index.html">
                        <img class="img-fluid" src="/img/logo.png" alt="">
                    </a>
                </div>
            </div>
            &lt;!&ndash; end col &ndash;&gt;
            <div class="col-lg-9 col-md-12 col-sm-12 col-12">
                <div class="header-info-box">
                    <div class="header-info-icon"><span class="lnr lnr-phone-handset"></span></div>
                    <p>Customer support & sales</p>
                    <h6>123-456-0975</h6>
                </div>
                <div class="header-info-box">
                    <div class="header-info-icon"><span class="lnr lnr-map-marker"></span></div>
                    <p>Opening hours</p>
                    <h6>Mon - Sun : 09:00 - 18:00</h6>
                </div>
                <div class="header-info-box">
                    <a class="header-quote-btn" href="#">Get a Quote <i class="icofont icofont-caret-right"></i></a>
                </div>
            </div>
            &lt;!&ndash; end col &ndash;&gt;
        </div>
    </div>
</div>-->
<!-- END LOGO AREA -->

<!-- START NAVIGATION AREA -->
<div class="sticky-menu">
    <div class="mainmenu-area">
        <div class="auto-container">
            <div class="row">
                <div class="col-lg-9 d-lg-block d-md-none d-sm-none d-none ">
                    <nav class="navbar navbar-expand-lg justify-content-left">
                        <a href="/" class="nav-link"><img src="/img/logo.png" style="width: 155px;"></a>&nbsp;&nbsp;&nbsp;
                        <ul class="navbar-nav">
                           <!-- <li class="th:text='${active}'"><a href="/" class="nav-link">首页</a>
                              &lt;!&ndash;  <ul class="dropdown-menu">
                                    <li><a href="index.html">Home 1</a></li>
                                    <li><a href="index2.html">Home 2</a></li>
                                    <li><a href="index3.html">Home 3</a></li>
                                    <li><a href="index4.html">Home 4</a></li>
                                </ul>&ndash;&gt;
                            </li>-->

                            <li class="th:text='${active}'"><a href="services.html" class="nav-link">产品服务</a>
<!--                                <ul class="dropdown-menu">-->
<!--                                    <li><a href="single-service.html">物联产品</a></li>-->
<!--                                    <li><a href="single-service.html">IOT云服务</a></li>-->
<!--                                </ul>-->
                            </li>
                            <li class=""><a href="industry-case.html" class="nav-link">解决方案</a>
                                <!--                                <ul class="dropdown-menu">-->
                                <!--                                    <li><a href="appointment.html">智慧城市</a></li>-->
                                <!--                                    <li><a href="new-patient.html">工业农业</a></li>-->
                                <!--                                    <li><a href="testimonial.html">家居生活</a></li>-->
                                <!--                                    <li><a href="faq.html">医疗健康</a></li>-->
                                <!--                                    <li><a href="reports.html">物流集装</a></li>-->
                                <!--                                    <li><a href="404.html">能源光电</a></li>-->
                                <!--                                    <li><a href="404.html">共享经济</a></li>-->
                                <!--                                </ul>-->
                            </li>
                            <li class="th:text='${active}' dropdown"><a href="about.html" class="nav-link">关于我们</a>
                                <ul class="dropdown-menu">
                                    <!--                                    <li><a href="doctors.html">Our Doctors</a></li>-->
                                    <!--                                    <li><a href="single-doctor.html">Single doctor</a></li>-->
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </li>

<!--                            <li class="dropdown"><a href="blog.html" class="nav-link">社区资讯</a>-->
<!--                                <ul class="dropdown-menu">-->
<!--                                    <li><a href="blog.html">Blog</a></li>-->
<!--                                    <li><a href="blog-single.html">Blog Single</a></li>-->
<!--                                </ul>-->
<!--                            </li>-->
                        </ul>
                    </nav>
                </div>
                <div class="col-lg-3 col-md-12 d-lg-block d-md-none d-none">
                    <nav class="navbar navbar-expand-lg justify-content-end">
                        <ul class="navbar-nav">
                            <li class="active dropdown quick-search"><a href="#" class="nav-link">IOT云服务</a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://www.cloud.dda-iot.com" target="_blank"><i class="icofont icofont-login"></i>  登陆服务</a></li>
                                    <li><a href="/contact.html"><i class="icofont icofont-medical-sign"></i> 申请使用</a></li>
                                    <li><a href="https://caoyingde.gitbook.io/dda-iot/" target="_blank"><i class="icofont icofont-ui-calendar"></i> 文档中心</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <!--- END CONTAINER -->
    </div>
    <!-- END NAVIGATION AREA -->

    <!-- MOBILE-MENU-AREA START -->
    <div class="mobile-menu-area d-lg-none d-md-block d-sm-block d-block">
        <div class="col-md-9">
            <div class="mobile-menu">
                <nav id="dropdown">
                    <ul class="navbar-nav">
                        <li><a href="index.html">首页</a>
                            <ul>
                                <li><a href="index.html">Home 1</a></li>
                                <li><a href="index-2.html">Home 2</a></li>
                                <li><a href="index-3.html">Home 3</a></li>
                                <li><a href="index-4.html">Home 4</a></li>
                            </ul>
                        </li>
                        <li><a href="about.html">关于</a>
                            <ul>
                                <li><a href="about.html">About Cleveland</a></li>
                                <li><a href="doctors.html">Our Doctors</a></li>
                                <li><a href="single-doctor.html">Single doctor</a></li>
                            </ul>
                        </li>
                        <li><a href="services.html">服务</a>
                            <ul>
                                <li><a href="services.html">Our All Services</a></li>
                                <li><a href="single-service.html">Accident & Emergency</a></li>
                                <li><a href="single-service.html">Health checks</a></li>
                                <li><a href="single-service.html">Home Care</a></li>
                                <li><a href="single-service.html">Diabetes & Endocrinology</a></li>
                            </ul>
                        </li>
                        <li><a href="industry-case.html">案例</a></li>
                        <li><a href="#">Pages</a>
                            <ul>
                                <li><a href="appointment.html">Appointment</a></li>
                                <li><a href="testimonial.html">Testimonial</a></li>
                                <li><a href="new-patient.html">New Patient</a></li>
                                <li><a href="faq.html">Faq's</a></li>
                                <li><a href="reports.html">Lab Reports</a></li>
                                <li><a href="404.html">404 Page</a></li>
                            </ul>
                        </li>
                        <li><a href="blog.html">博客</a>
                            <ul>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="blog-single.html">Blog Single</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">联系</a></li>
                        <li><a href="#">IOT云服务</a>
                            <ul>
                                <li><a href="http://www.cloud.dda-iot.com" target="_blank"><i class="icofont icofont-doctor-alt"></i>登陆服务</a></li>
                                <li><a href="#"><i class="icofont icofont-ui-calendar"></i>申请账号</a></li>
                                <li><a href="https://caoyingde.gitbook.io/dda-iot/" target="_blank"><i class="icofont icofont-ui-calendar"></i> 文档中心</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <!-- MOBILE-MENU-AREA END -->
</div>
</header>
</html>
